﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="author" content="Habs Cervantes / Nelvin Victorino - http://www.audioscape.com/">
<meta name="description" content="Login Page | Audioscape | In-Store Radio">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

<title>Audioscape Admin Panel</title>
<link href="css/reset.css" type="text/css" rel="stylesheet">
<link href="css/style.css" type="text/css" rel="stylesheet">
<link href="css/tipsy.css" type="text/css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel="stylesheet" type="text/css">

<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/jquery.tipsy.js" type="text/javascript"></script>

</head>
<body>
	<div id="head">
		<div class="logo"><img src="images/logo.png" alt="RC Design" width="150"></div>
		<div class="secondary-menu"></div>
		<div class="nav-container">
			<ul class="main-nav">
				<li><a href="javascript:void(0);" title="Home">Home</a></li>
				<li><a href="javascript:void(0);" title="Clients">Clients</a></li>
				<li><a href="javascript:void(0);" title="Whatever">Pages</a></li>
			</ul>
			<ul class="child-nav">
				<li><a href="javascript:void(0);" title="Home">Home</a></li>
				<li><a href="javascript:void(0);" title="Clients">Clients</a></li>
				<li><a href="javascript:void(0);" title="Whatever">Whatever</a></li>
			</ul>
		</div>
	</div>
	<div id="content">
		<div class="client-info">
			<span>
				<p>RC Design</p>
				<small>Client Name</small>
			</span>
			<span>
				<p>10</p>
				<small>Branches</small>
			</span>
			<span>
				<p>01/01/2011 - 01/01/2012</p>
				<small>Contract Period</small>
			</span>
			<span>
				<p>Habs Cervantes</p>
				<small>Contact Person</small>
			</span>
			<span>
				<p>09178211854</p>
				<small>Contact No.</small>
			</span>
			<span>
				<p>habcor@gmail.com</p>
				<small>Email</small>
			</span>
			<span>
				<a href="javascript:void(0);" title="Edit Information">Edit Info</a>
			</span>
		</div>
		<ul class="breadcrumbs">
			<li><a href="javascript:void(0);" title="RC Design">RC Design</a></li>
			<li><a href="javascript:void(0);" title="Genre">R&amp;B / HipHop</a></li>
			<li>Fast</li>
		</ul>
		<div class="data-table">
			<div class="col1">
				<ul>
					<li><a href="javascript:void(0);" title="Alternatives">Alternative</a></li>
					<li><a href="javascript:void(0);" title="Country">Country</a></li>
					<li><a href="javascript:void(0);" title="Easy Listening">Easy Listening</a></li>
					<li><a href="javascript:void(0);" title="EMO">EMO</a></li>
					<li><a href="javascript:void(0);" title="Praise">Praise</a></li>
					<li><a href="javascript:void(0);" title="Jazz">Jazz</a></li>
					<li><a href="javascript:void(0);" title="OPM">OPM</a></li>
					<li><a href="javascript:void(0);" title="R&amp;B / HipHop">R&amp;B / HipHop</a></li>
					<li><a href="javascript:void(0);" title="Rock and Roll">Rock and Roll</a></li>
				</ul>
			</div>
			<div class="col2">
			<!-- Grocery CRUD -->
				<ul>
					<li>Song1.mp3<span>Because of You - NeYo</span></li>
					<li>Song2.mp3<span>TV Commercial 1 - 30sec</span></li>
					<li>...<span>...</span></li>
					<li>Note<span>First Screen before choosing Genre list all songs</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>...<span>...</span></li>
					<li>Song200.mp3 <span>Californication - Red Hot Chili Peppers</span></li>
				</ul>
			</div>
		</div>
	</div>
	<div id="footer">
		<ul class="foot-nav">
			<li><a href="javascript:void(0);" title="Home">Home</a></li>
			<li><a href="javascript:void(0);" title="Clients">Clients</a></li>
			<li><a href="javascript:void(0);" title="Whatever">Pages</a></li>
		</ul>
		<div class="copyright">Copyright &copy <script language="JavaScript">today=new Date(); y0=today.getFullYear(); document.write(y0);</script>&nbsp;&nbsp;|&nbsp;&nbsp;Audioscape</div>
	</div>
<script type="text/javascript">
  $(function() {
    $('#head [title]').tipsy({trigger: 'hover', gravity: 's'});
	$('#content [title]').tipsy({trigger: 'hover', gravity: 's'});
	$('#footer [title]').tipsy({trigger: 'hover', gravity: 's'});
  });
</script>
</body>
</html>